<template>
  <!-- 页面内容-->
  <div class="audit-content">
    <div class="centent-title">
      <span>地税征收管理情况</span>
    </div>

    <div class="head">
      <p>
        税收收入是地方财政的主要来源，对地方税务部门的审计则成为同级预算执行审计的重要组成部分，其中，税收征管部分一直是税收审计中的难点、重点。税票资料
繁多而没有装订规范可依，为手工审计条件下查找、核实、统计各类问题带来了极大的麻烦。
      </p>
      <div class="btn-center">
        <span class="btn-primary" @click="intoDoubt">进入疑点库</span>
        <span class="btn-primary">导出</span>
        <span class="btn-primary">保存</span>
      </div> 
    </div>

    
    <div class="centent-title">
      <span>结果展示</span>
    </div>

    <div class="result-list">
      <div class="inner-table">
        <el-table :data="tableData" stripe style="width: 100%" @cell-click="selectCell">
          <el-table-column type="index" label="序号" width="120"></el-table-column>
          <el-table-column prop="type" label="科目编码" width="300"></el-table-column>
          <el-table-column :show-overflow-tooltip="true" prop="name" label="科目名称" width="300"></el-table-column>
          <el-table-column :show-overflow-tooltip="true" prop="yearBegin" label="年初余额" width="300"></el-table-column>
          <el-table-column :show-overflow-tooltip="true" prop="yearOver" label="年末余额"></el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData:[
        {
          type:'121202',
          name:'应收租金',
          yearBegin:'748,897',
          yearOver:'748,897'
        },
        {
          type:'121202',
          name:'应收租金',
          yearBegin:'748,897',
          yearOver:'748,897'
        },
        {
          type:'121202',
          name:'应收租金',
          yearBegin:'748,897',
          yearOver:'748,897'
        },
        {
          type:'121202',
          name:'应收租金',
          yearBegin:'748,897',
          yearOver:'748,897'
        },
        {
          type:'121202',
          name:'应收租金',
          yearBegin:'748,897',
          yearOver:'748,897'
        },
      ]
    }
  },
  methods:{
    intoDoubt(){
      this.$router.push({path:'/auditAnalysisPage/doubtManagement/transactionData'})
    },
    selectCell(data){
      console.log(data)
    }
  }
};
</script>

<style lang="less" scoped>
.audit-content{
  // background: #fff;

  .head{
    min-height: 116px;
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    p{
      font-size: 16px;
      color: #333333;
      line-height: 32px;
      margin-bottom: 20px;
    }
    .btn-center{
      span{
        width: 88px;
      }
    }
  }
  .result-list{
    height: calc(100% - 296px);
    padding: 20px;
    background: #fff;
  }
}
</style>